<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html" 
	xmlns:p="http://primefaces.org/ui" class="no-js">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

	<meta name="description" content="Management" />
	<meta name="viewport" content="width=device-width" />
	
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
	
	<link rel="stylesheet" href="css/main.css" />
	<link rel="shortcut icon"
		href="${request.contextPath}/xhtml/img/favicon-guide.ico.gif" />

	<script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>

	<title><ui:insert name="title">GF4</ui:insert></title>
</h:head>

<h:body>
	<f:view contentType="text/html" encoding="UTF-8">
	
	<div id="mainContainer">
				
		<ui:insert name="header">
			<!--  include your header file or uncomment the include below and create header.xhtml in this directory -->
			<!-- <ui:include src="header.xhtml"/> -->
										
			<div class="navbar navbar-fixed-top">
				<div class="navbar-inner">
					<div class="container-fluid">								
						<ul class="nav">
							<li class="brand">
								<p:graphicImage id="rslogo" value="img/yodamin.gif" /> 
							</li>
							<li><a href="#">Projects</a></li>
							<li><a href="#">Services</a></li>
							<li><a href="#">Downloads</a></li>
							<li><a href="#">About</a></li>
							<li><a href="#">Contact</a></li>
							<li class="dropdown">
								<a href="#" class="dropdown-toggle"	data-toggle="dropdown"> Account <b class="caret"></b></a>
								<ul class="dropdown-menu">
									<li>...</li>
								</ul>
							</li>
						</ul>
						<h:form id="i18nForm" prependId="false" class="navbar-text pull-right">
							<h:commandButton id="fr" image="img/language_fr.png"
								action="#{internationalisationBean.selectLanguage}">
								<f:setPropertyActionListener
									target="#{internationalisationBean.language}" value="fr" />								
							</h:commandButton>
							<h:commandButton id="en" image="img/language_en.png"
								action="#{internationalisationBean.selectLanguage}">
								<f:setPropertyActionListener
									target="#{internationalisationBean.language}" value="en" />								
							</h:commandButton>
						</h:form>							
					</div>
				</div>
				<!-- /.navbar -->				
			</div>				
		</ui:insert>
		
		<div class="container-fluid">
			<div class="row-fluid">
				<div class="span2">
					<div class="well sidebar-nav">
						<ul class="nav nav-list">
							<li class="nav-header">Sidebar</li>
							<li class="active"><a href="version.xhtml">#{i18n.version}</a></li>
							<li><a href="status.xhtml">#{i18n.status}</a></li>
							<li><a href="company.xhtml">#{i18n.company}</a></li>
							<li><a href="#">Link</a></li>
							<li class="nav-header">Sidebar</li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li class="nav-header">Sidebar</li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
							<li><a href="#">Link</a></li>
						</ul>
					</div>
					<!--/.well -->
				</div>
				<!--/span-->

				<div class="span10">
					<div class="hero-unit">
						<h1>Hello, world!</h1>
						<p>This is a template for a simple marketing or informational
							website. It includes a large callout called the hero unit and
							three supporting pieces of content. Use it as a starting point to
							create something more unique.</p>
						<p>
							<a href="#" class="btn btn-primary btn-large">Learn more</a>
						</p>
					</div>
					<div class="row-fluid">
						<div class="span4">
							<div id="content1">
								<ui:insert name="content1">
									<h2>Heading</h2>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce
											dapibus, tellus ac cursus commodo, tortor mauris condimentum
											nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
											malesuada magna mollis euismod. Donec sed odio dui.</p>
										<p>
											<a class="btn" href="#">View details</a>
										</p>
								</ui:insert>
							</div>							
						</div>
						<!--/span-->
						<div class="span4">
							<div id="content2">
								<ui:insert name="content2">
									<h2>Heading</h2>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce
											dapibus, tellus ac cursus commodo, tortor mauris condimentum
											nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
											malesuada magna mollis euismod. Donec sed odio dui.</p>
										<p>
											<a class="btn" href="#">View details</a>
										</p>
								</ui:insert>
							</div>							
						</div>
						<!--/span-->
						<div class="span4">
							<div id="content3">
								<ui:insert name="content3">
									<h2>Heading</h2>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce
											dapibus, tellus ac cursus commodo, tortor mauris condimentum
											nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
											malesuada magna mollis euismod. Donec sed odio dui.</p>
										<p>
											<a class="btn" href="#">View details</a>
										</p>
								</ui:insert>
							</div>							
						</div>
						<!--/span-->
					</div>
					<!--/row-->
					<div class="row-fluid">
						<div class="span4">
							<div id="content4">
								<ui:insert name="content4">
									<h2>Heading</h2>
									<p>Donec id elit non mi porta gravida at eget metus. Fusce
										dapibus, tellus ac cursus commodo, tortor mauris condimentum
										nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
										malesuada magna mollis euismod. Donec sed odio dui.</p>
									<p>
										<a class="btn" href="#">View details</a>
									</p>
								</ui:insert>
							</div>		
						</div>
						<!--/span-->
						<div class="span4">
							<div id="content5">
								<ui:insert name="content5">
									<h2>Heading</h2>
									<p>Donec id elit non mi porta gravida at eget metus. Fusce
										dapibus, tellus ac cursus commodo, tortor mauris condimentum
										nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
										malesuada magna mollis euismod. Donec sed odio dui.</p>
									<p>
										<a class="btn" href="#">View details</a>
									</p>
								</ui:insert>
							</div>		
						</div>
						<!--/span-->
						<div class="span4">
							<div id="content6">
								<ui:insert name="content6">
									<h2>Heading</h2>
									<p>Donec id elit non mi porta gravida at eget metus. Fusce
										dapibus, tellus ac cursus commodo, tortor mauris condimentum
										nibh, ut fermentum massa justo sit amet risus. Etiam porta sem
										malesuada magna mollis euismod. Donec sed odio dui.</p>
									<p>
										<a class="btn" href="#">View details</a>
									</p>
								</ui:insert>
							</div>		
						</div>
						<!--/span-->
					</div>
					<!--/row-->
				</div>
				<!--/span-->
			</div>
			<!--/row-->
		
			<hr />
			<footer>
				<div id="footer">
					<ui:insert name="footer">
						<p>
							<h:graphicImage value="img/language_#{view.locale}.png" />
							<h:outputText value=" #{i18n.design}" />
						</p>
						<p>
							<h:outputFormat value="#{i18n.date}">
								<f:param value="#{internationalisationBean.date}" />
							</h:outputFormat>
						</p>
						<p>
							<h:outputText escape="false" value="#{i18n.footer1}" />
						</p>
					</ui:insert>
				</div>
			</footer>
		</div>
		<!--/.fluid-container-->
		</div>
	</f:view>

	<!-- Javascript placed at the end of the document so the pages load faster
    ========================================================================== -->

	<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>
	<script>
		window.jQuery
				|| document
						.write('&lt;script src="js/vendor/jquery-1.10.1.js"&gt;&lt;\/script&gt;')
	</script>
	<!-- Replace <  > by &gt &lt for facelets XML correspondance - same for & -->

	<script src="js/vendor/bootstrap.min.js"></script>
	<script src="js/main.js"></script>
	<script>
		var _gaq = [ [ '_setAccount', 'UA-XXXXX-X' ], [ '_trackPageview' ] ];
		(function(d, t) {
			var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
			g.src = '//www.google-analytics.com/ga.js';
			s.parentNode.insertBefore(g, s)
		}(document, 'script'));
	</script>
	
</h:body>
</html>
